<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1576261_5ykx69n9ocw.css">
  <link rel="stylesheet" href="css/style.css">
  <script src="js/vue.js"></script>
  <title>HTML 与 CSS</title>
</head>
<body>
<div id="app">
  <div class="project" v-for="project in projects" v-bind:style="{backgroundImage: 'url(' + getImagePath(project.name) + ')'}">
    <div class="actions">
      <a class="actoin" target="_blank" :href="getPagePath(project.name)">
        <i class="iconfont phs-yulan"></i>
        预览效果
      </a>
      <span class="space"></span>
      <a class="action" target="_blank" :href="project.video">
        <i class="iconfont phs-yulan1"></i>
        观看视频
      </a>
    </div>
  </div>
</div>
</body>
<script src="js/app.js"></script>
<script>
  var _hmt = _hmt || [];
  (function() {
    var hm = document.createElement("script");
    hm.src = "https://hm.baidu.com/hm.js?8c03a09bd38333f581ded196287347b6";
    var s = document.getElementsByTagName("script")[0]; 
    s.parentNode.insertBefore(hm, s);
  })();
</script>  
</html>